<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 3 | Simple Tables</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <block name="head"></block>
    <!-- Base Style -->
    <link rel="stylesheet" href="__STATIC__/admin/css/style.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="__ADMINLTE__/plugins/fontawesome-free/css/all.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="__ADMINLTE__/dist/css/adminlte.min.css">
    <!-- Google Font: Source Sans Pro -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <script>
        const WEB_ADMIN_PATH = '{:url("/")}';
        const CONTROLLER = '{:$Think.const.CONTROLLER}';
    </script>
</head>

<body class="hold-transition sidebar-mini">
    <!-- 总外围 -->
    <div class="wrapper">
        <block name="navbar">
            <!-- 导航栏 -->
            <nav class="main-header navbar navbar-expand navbar-white navbar-light">
                <!-- 左导航栏链接 -->
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
                    </li>
                    <li class="nav-item d-none d-sm-inline-block">
                        <a href="__ROOT__" class="nav-link" title="网站首页">
                            <i class="fas fa-home"></i>
                        </a>
                    </li>
                </ul>
            
                <!-- 右导航栏链接 -->
                <ul class="navbar-nav ml-auto">
                    <!-- 用户显示 -->
                    <li class="nav-item dropdown user-menu">
                        <a class="nav-link" data-toggle="dropdown" href="{:url('admin/profile')}">
                            <img src="{$avatar}" class="user-image elevation-2 ">
                            {:lang('WELCOME_USER', [$user_name])}
                        </a>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                            <a href="{:url('admin/profile')}" class="dropdown-item">
                                <div class="media">
                                    <img src="{$avatar}" alt="User Avatar" class="img-size-50 mr-3 img-rounded">
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            {$user_name}
                                        </h3>
                                        <p class="text-md mt-1">{$Think.lang.USER_SETTINGS}</p>
                                    </div>
                                </div>
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="{:url('index/logout')}" class="dropdown-item dropdown-footer">{$Think.lang.LOG_OUT}</a>
                        </div>
                    </li>
                </ul>
            </nav>
            <!-- /.导航栏 -->
        </block>

        <block name="main-sidebar">
            <!-- 主边栏容器 -->
            <aside class="main-sidebar sidebar-dark-primary elevation-4">
                <!-- 网站Logo -->
                <a href="{:url('index/index')}" class="brand-link">
                    <img src="__ADMINLTE__/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
                    <span class="brand-text font-weight-light">{$Think.lang.SITE_NAME}</span>
                </a>
            
                <!-- 边栏 -->
                <div class="sidebar">
                    <!-- 边栏菜单 -->
                    <nav class="mt-2">
                        {$menus}
                    </nav>
                    <!-- /.边栏菜单 -->
                </div>
                <!-- /.边栏 -->
            </aside>
        </block>

        <!-- 内容区外围. 包含页面内容 -->
        <div class="content-wrapper">
            <!-- 内容页眉(页眉) -->
            <section class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1>{$breadcrumb.title}</h1>
                        </div>
                        <!-- 路径 -->
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item">
                                    <a href="{:url('index/index')}">{:lang('HOME')}</a>
                                </li>
                                <li class="breadcrumb-item active">
                                    <a href="{$breadcrumb.url}">{$breadcrumb.title}</a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div><!-- /.container-fluid -->
            </section>

            <!-- 主内容 -->
            <section class="content">
                <div class="container-fluid">
                    <block name="main-content">主内容</block>
                </div><!-- /.container-fluid -->
            </section>
            <!-- /.content -->
        </div>
        <!-- /.内容区外围 -->
        <footer class="main-footer">
            <block name="footer">
                <div class="float-right d-none d-sm-block">
                    <b>Version</b> 3.0.2-pre
                </div>
                <strong>Copyright &copy; 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
            </block>
        </footer>
    </div>
    <!-- ./总外围 -->
    <block name="extra">
        <!-- 模态框 -->
        <div class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Modal title</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>Modal body text goes here.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary footer-close" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary footer-save">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </block>
    <block name="footer-script">加载javascript</block>
</body>

</html>